<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 11025
  Date: 2021/12/2
  Time: 13:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作品欣赏</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/common.js"></script>
    <link rel="stylesheet" href="../css/product.css">
</head>
<body>
<div class="home">
    <jsp:include page="top.jsp"></jsp:include>
    <div class="middle">
        <div>
            <div>
                <div>
                    <div>作品欣赏</div>
                    <div>HIGH-END CUSTOMIZATION</div>
                </div>
            </div>
            <div>
                <div>
                    <c:forEach var="productNavModels" items="${productNavModels}">
                        <div onclick="location.href='${productNavModels.href}';">${productNavModels.title}</div>
                    </c:forEach>
<%--                    <div>婚纱</div>--%>
<%--                    <div>礼服</div>--%>
<%--                    <div>西装</div>--%>
<%--                    <div>定制</div>--%>
                </div>
            </div>
            <div>
                <c:forEach var="productModels" items="${productModels}">
                    <div>
                        <div><img src="${productModels.imgHref}" height="240" width="180"/></div>
                        <div>${productModels.dname}</div>
                        <div>价格：${productModels.price}</div>
                    </div>
                </c:forEach>
<%--                <div>--%>
<%--                    <div><img src="../img/1.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/2.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/3.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/4.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/5.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/6.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/7.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/8.jpg" height="240" width="180"/></div>--%>
<%--                    <div>抹胸婚纱</div>--%>
<%--                    <div>价格：99.00</div>--%>
<%--                </div>--%>
            </div>
        </div>
    </div>
    <jsp:include page="foot.jsp"></jsp:include>
</div>

</body>
</html>
